<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>我的订单</title>
  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<section>
	<header class="adr-header dark">我的订单</header>
	<div class="order-con">
		<div>
			<h1 class="dark order">
				<span>代买订单 <em>102192893831</em></span>
				<span>
					<b class="blue">配送中</b>
					<a href="#" class="blue">取消订单</a>
				</span>
			</h1>
			<article>
				<p class="dark">收货人<em>豆腐渣先生</em></p>
				<p>某省某市某街道某小区某楼12910291</p>
			</article>
			<div class="order-emptheight"></div>
			<article>
				<p class="dark">收货人<em>豆腐渣先生</em></p>
				<p>某省某市某街道某小区某楼12910291</p>
			</article>
		</div>
		<div>
			<h1 class="dark order">
				<span>代买订单 <em>102192893831</em></span>
				<span>
					<b class="gray">配送中</b>
					<a href="#" class="blue">申请退款</a>
				</span>
			</h1>
			<article>
				<p class="dark">收货人<em>豆腐渣先生</em></p>
				<p>某省某市某街道某小区某楼12910291</p>
			</article>
			<div class="order-emptheight"></div>
			<article>
				<p class="dark">收货人<em>豆腐渣先生</em></p>
				<p>某省某市某街道某小区某楼12910291</p>
			</article>
			<div class="order-emptheight"></div>
			<article>
				<p class="dark">代送物品<em>豆腐渣一碗</em></p>
				<p class="order-emptheight"></p>
				<p><em class="org">#拼单</em><em class="org">#三轮</em><em class="org">#保温箱</em></p>
			</article>
		</div>
	</div>
</section>
</body>
</html>